<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">  
    #liu{  
        width:280px;  
        height: 279px;  
        background-image: url('img/a.jpg') no-repeat;  
        border-radius:140px;  
        -webkit-animation:run 6s linear 0s infinite;  
    }  

    #liu:hover{  
        -webkit-animation-play-state:paused;  
    }  


    @-webkit-keyframes run{  
        from{  
            -webkit-transform:rotate(0deg);  
        }  
        to{  
            -webkit-transform:rotate(360deg);  
        }  
    }  

</style>  
	</head>
	<body>
		<div align="center">
		   <img  src="img/a.jpg" id="liu"/>	
		</div>
		<div align="center">
		   <img  src="img/a.jpg" id="liu"/>	
		</div>
		<div align="center">
		   <img  src="img/a.jpg" id="liu"/>	
		</div>
	</body>
</html>
